<%--
  Created by IntelliJ IDEA.
  User: Zhj
  Date: 2024/4/30
  Time: 21:47
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%--引入jstl的命名空间 标签以c开头--%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="/static/layui/css/layui.css">
    <script src="/static/layui/js/layui.js" ></script>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        .message-content{
            width: 50%;
            /* height: 800px; */
            margin: 0 auto;
            margin-top: 50px;
            background-color: #ecf0f3;
            /*  */
            padding: 20px 30px;
            padding-top: 5px;
            border-radius: 9px;
        }
        .layui-form-label{
            border: 1px solid transparent;
        }
        /* 详情页标题处理 */
        .detail-title{
            margin-bottom: 30px;
            text-align: center;
        }
        /* 留言内容文本框美化 */
        textarea{
            height: 300px !important;
        }
        .opeate-btn{
            text-align: center;
        }
    </style>
</head>
<body>
<%--iframe存在问题，注释掉导航--%>
<%--<div class="header-nav">--%>
<%--    <ul class="layui-nav layui-bg-cyan">--%>
<%--        <li class="layui-nav-item"><a href="">首页</a></li>--%>
<%--        <li class="layui-nav-item"><a href="">菜单1</a></li>--%>
<%--        <li class="layui-nav-item"><a href="">菜单2</a></li>--%>
<%--        <li class="layui-nav-item">--%>
<%--            <a href="javascript:;">留言管理</a>--%>
<%--            <dl class="layui-nav-child">--%>
<%--                <dd><a href="">查看留言</a></dd>--%>
<%--                <dd><a href="">发表留言</a></dd>--%>
<%--                <dd><a href="">删除留言</a></dd>--%>
<%--                <dd><a href="">修改留言</a></dd>--%>
<%--            </dl>--%>
<%--        </li>--%>
<%--        <li class="layui-nav-item"><a href="">联系我们</a></li>--%>
<%--    </ul>--%>
<%--</div>--%>
<div class="message-content">
    <!-- 给容器追加 class="layui-form-pane"，即可显示为方框风格 -->
    <h1 class="detail-title">
        修改留言
    </h1>
    <form class="layui-form layui-form-pane" action="/MessageUpdate" method="post">
        <div class="layui-form-item">
            <label class="layui-form-label">留言标题</label>
            <div class="layui-input-block">
                <input type="text" name="mtitle" autocomplete="off" placeholder="请输入" value="${message.mtitle}" lay-verify="required" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">日期</label>
                <div class="layui-input-block">
                    <input type="text" name="mdate" id="date1" value="${message.mdate}" autocomplete="off" class="layui-input" disabled>
                </div>
            </div>
            <br>
            <div class="layui-inline">
                <label class="layui-form-label">类型</label>
                <div class="layui-input-inline">
                    <input type="text" name="mtype" value="${message.mtype}" autocomplete="off" class="layui-input"disabled>
                </div>
            </div>
            <br>
            <div class="layui-inline">
                <label class="layui-form-label">作者</label>
                <div class="layui-input-inline">
                    <input type="text" name="username"  autocomplete="off" class="layui-input" value="${username}" disabled>
                </div>
            </div>
        </div>
        <div class="layui-form-item layui-form-text">
            <label class="layui-form-label">留言内容</label>
            <div class="layui-input-block">
                <textarea placeholder="请输入内容" name="mcontent" class="layui-textarea">${message.mcontent}</textarea>
            </div>
        </div>
        <div class="layui-form-item opeate-btn">
            <a href="/Home.jsp"><button class="layui-btn" lay-submit lay-filter="demo2">回到首页</button></a>
            <a href="#"><button class="layui-btn" lay-submit lay-filter="demo2">立即修改</button></a>
<%--            <button class="layui-btn" lay-submit lay-filter="demo2"><a href="#">回到首页</a></button>--%>
<%--            <button class="layui-btn" lay-submit lay-filter="demo2"><a href="#">立即修改</a></button>--%>
        </div>
    </form>
</div>
<script>
    // layui.use(['form'], function(){
    //     var form = layui.form;
    //     var layer = layui.layer;
    //     // 提交事件
    //     form.on('submit(demo2)', function(data){
    //         var field = data.field; // 获取表单字段值
    //         // 显示填写结果，仅作演示用
    //         layer.alert(JSON.stringify(field), {
    //             title: '当前填写的字段值'
    //         });
    //         // 此处可执行 Ajax 等操作
    //         // …
    //         return false; // 阻止默认 form 跳转
    //     });
    // });
</script>
</body>
</html>
